<div class="padder-lg">      
      <!-- streamline -->
        <div class="h4 padder-v m-t m-b"><span class="padder-v">网上报名流程</span></div>
      <div class="streamline m-b font-bold">
        <div ng-class="{'sl-item b-l':true,'text-info':$state.includes('main.promise')}" >
          <div class="m-l">
            <div class="list-icon">1</div>
            <div class="font-thin">阅读承诺书</div>
          </div>
        </div>
        <div ng-class="{'sl-item b-l':true,'text-info':$state.includes('main.exam')}">
          <div class="m-l">
          <div class="list-icon">2</div>
            <div class="font-thin">填写报名信息</div>
          </div>
        </div>
        <div ng-class="{'sl-item b-l':true,'text-info':student.pay && !student.pay.paid}">
          <div class="m-l">
          <div class="list-icon">3</div>
            <div class="font-thin">网上缴费</div>
          </div>
        </div>
        <div ng-class="{'sl-item':true,'text-info':(student && student.isReg && !student.pay) || student.pay.paid}">
          <div class="m-l">
          <div class="list-icon">4</div>
            <div class="font-thin">报名完成</div>
          </div>
        </div>
      </div>
      <!-- / streamline -->
    </div>